
table.replaceList td.header {
	font-weight: bold;
}

table.replaceList td.child {
	padding-left: 1em;
}

#ReplaceCode, #FieldPatternText {
	font-size: 0.9em;
	width: 20em;
}

.footer {
	background-color: #f0ffff;
	padding: 3px;
}
.footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer ul li {
	display: inline;
	border-style: none solid;
	border-width: 1px;
	padding: 0 5px;
}
.footer a.back:before {
	content: "<< ";
}
.footer a.next {
	font-weight: bold;
}
.footer a.next:after {
	content: " >>";
}

.text{
	font-size: 1.2em;
	line-height : 140%;
	font-weight: bold;
}

#MyTextArea {
	padding: 2px 2px;
	font-family: monospace;
	font-size: 0.9em;
	width: 20em;
	height: 40ex;
	overflow:auto;
	border:1px solid;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

#MyTextArea2 {
	padding: 2px 2px;
	font-family: monospace;
	font-size: 0.9em;
	width: 25em;
	height: 40ex;
	overflow:auto;
	border:1px solid;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

span.change {
	color: red
}

span.nochange {
	color: black
}


#StartButton{
}
